<!-- 注意：$attrs会自动排除props中声明的属性(可以认为声明过的 props 被子组件自己“消费”了) 如下文里面a和b就被子组件消费了，在孙子组件中就不会再传递 -->
<template>
  <div class="child">
    <h3>子组件</h3>
    <h4>a:{{a}}</h4>
    <h4>b:{{b}}</h4>
    <button @click="updateA(100)">修改A</button>
    <GrandChild v-bind="$attrs"></GrandChild>
  </div>
</template>

<script setup lang="ts" name="Child">
import {defineProps} from "vue";
import GrandChild from './GrandChild.vue'

defineProps(['a','b'])
	
</script>